﻿<html>
<head>
<%@ page language="java" pageEncoding="UTF-8"%>
		<%@ page contentType="text/html;charset=UTF-8"%>
		 <%@ taglib prefix="s" uri="/struts-tags" %>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <title>枝江市农村供水工程信息化平台</title>
 		<meta content='width=device-width, initial-scale=0.5, maximum-scale=1, user-scalable=no' name='viewport'>
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="css/index.css" rel="stylesheet" type="text/css" />
        
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.js"></script>
      
		<script type="text/javascript">
			var maxWd = window.innerWidth;
            var maxHt = window.innerHeight; 
			jQuery(document).ready(function () {
		 		$("#indexImg1").width(174 * window.outerWidth / 1920);
                $("#indexImg1").height(224 * window.outerWidth / 1920);
                /* $("#indexImg1").css("left",1920*0.59 * window.outerWidth / 1920+"px");
                $("#indexImg1").css("top",1080*0.27 * window.outerWidth / 1920+"px"); */
                $("#indexImg2").width(174 * window.outerWidth / 1920);
                $("#indexImg2").height(224 * window.outerWidth / 1920);
                $("#indexImg3").width(174 * window.outerWidth / 1920);
                $("#indexImg3").height(224 * window.outerWidth / 1920);
                $("#indexImg4").width(174 * window.outerWidth / 1920);
                $("#indexImg4").height(224 * window.outerWidth / 1920);
                $("#indexImg5").width(174 * window.outerWidth / 1920);
                $("#indexImg5").height(224 * window.outerWidth / 1920);
                $("#indexImg6").width(174 * window.outerWidth / 1920);
                $("#indexImg6").height(224 * window.outerWidth / 1920);
                $("#indexImg7").width(174 * window.outerWidth / 1920);
                $("#indexImg7").height(224 * window.outerWidth / 1920);
                $("#indexImg8").width(174 * window.outerWidth / 1920);
                $("#indexImg8").height(224 * window.outerWidth / 1920);
           
                })
                 function res() {
                $(".indexImg").width($(".indexImg").width() * window.innerWidth / maxWd);
                $(".indexImg").height($(".indexImg").height() * window.innerHeight / maxHt);
                $(".indexImg").
                maxWd = window.innerWidth;
                maxHt = window.innerHeight;
                }
		</script>
</head>
<body onresize="res()" id="indexBody">
	<div class="row" id="content" style="min-width: 1280px ; width:100%;	height:100%;">
		<a href="pipeline/gis.jsp">
			<div id="pipelineDiv" >
					<img id="indexImg1"  style="display:block;width:100%;"    src="img/indexPictures/首页_06.png" /> 
			</div>
		</a>
		<a href="MonitorData/GetAllWaterPlant.action" >
			<div id="monitorDataDiv" >
					<img  id="indexImg2" style="display:block;width:100%;"    src="img/indexPictures/首页_07.png" /> 
			</div>
		</a>
		<a href="#">
			<div id="technicalProcessDiv" >
					<img  id="indexImg3" style="display:block;width:100%;"    src="img/indexPictures/首页_08.png" /> 
			</div>
		</a>
		<a href="waterQuality/qualityIndex.jsp">
			<div id="waterQuality" >
					<img  id="indexImg4" style="display:block;width:100%;"    src="img/indexPictures/首页_13.png" /> 
			</div>
		</a>
		<a href="#">
			<div id="wanderDiv" >
					<img  id="indexImg5" style="display:block;width:100%;"    src="img/indexPictures/首页_09.png" /> 
			</div>
		</a>
		<a href="Alert/QueryAlert">
			<div id="disposeAlertDiv" >
					<img  id="indexImg6" style="display:block;width:100%;"    src="img/indexPictures/首页_10.png" /> 
			</div>
		</a>
		
		<a href="SafetyMonitor/SafetyMonitorInit">
			<div id="securityMonitoringDiv" >
					<img  id="indexImg7" style="display:block;width:100%;"    src="img/indexPictures/首页_11.png" /> 
			</div>
		</a>
		<a href="User/UserInfoAction">
			<div id="systemManageDiv" >
					<img  id="indexImg8" style="display:block;width:100%;"    src="img/indexPictures/首页_12.png" /> 
			</div>
		</a>
		
		
	</div>
</body>
</html>
